WordPress

推荐列表 站点导航

当前位置:首页 > 建站教程 > WordPress >

WordPress增加返回顶部效果的方法介绍

来源:网络整理  作者:  发布时间:2020-12-18 23:37
返回顶部效果不是WordPress自带的功能,这是一款js或jquery的效果,这里就来给大家介绍在WordPress中增加反回顶部效果的方...
if (goto_top_itv == 0) {
}
if (y == 0) {
text-decoration: none;

第一步:在下面主题文件footer.php底下加上这段代码:

float:right;
_margin-top:30px;
var goto_top_itv = 0;
else {
border-radius:5px;
}
font-weight:bold;
<script src="https://www.wpmee.com/top.js" type="text/javascript" charset="utf-8"></script >
//<![CDATA[

返回顶部效果不是WordPress自带的功能,这是一款js或jquery的效果,这里就来给大家介绍在WordPress中增加反回顶部效果的方法.

#scroll a {
display:block;
y -= Math.ceil(y * moveby / 100);
document.documentElement.scrollTop = y;

希望本文所述对大家的WordPress建站有所帮助。

right:50%;
background-color:#444;
}
 
//]]>
 
var goto_top_type = -1;
{
}
font-weight:bold;
#scroll a:hover {
/*返回顶部*/
}
#scroll {display:block; width:30px; margin-right:-380px;
}

top.js代码如下:

if (goto_top_type > 0) {
y = 0;
cursor: pointer;
}
else {
_margin-right:-507px;
<div><a href="https://www.wpmee.com/javascript:void(0)" title="返回顶部">TOP</a></div>
 
_top:expression(eval(document.documentElement.scrollTop));
color:#fff;
background-color:#333;
goto_top_itv = setInterval('goto_top_timer()', 50);

WordPress增加返回顶部效果的方法介绍 (https://www.wpmee.com/) WordPress使用教程 第1张

if (goto_top_type == 1) {
else if (document.body && document.body.scrollTop) {
{
var moveby = 15;
goto_top_type = 1;
document.body.scrollTop = y;
}
}
color:#669900;
_position:absolute;
clearInterval(goto_top_itv);
function goto_top_timer()
}
text-decoration: none;
goto_top_type = 2;
}
}

这样我们再清除缓存是不是就可以看到有个返回顶部的效果按钮了,这样你的WordPress博客中的所有页面都会有返回顶部效果了.

if (y < 0) {
padding:9px 5px;
if (document.documentElement && document.documentElement.scrollTop) {
function goto_top()
}
goto_top_itv = 0;
position:fixed;
top:90%;
goto_top_type = 0;

第二步:在主题文件style.css文件中加入以下样式:

}
var y = goto_top_type == 1 ? document.documentElement.scrollTop : document.body.scrollTop;

相关热词: 方法

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jz/wp/5361.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

WordPress增加返回顶部效果的方法介绍

2020-12-18 编辑:

if (goto_top_itv == 0) {
}
if (y == 0) {
text-decoration: none;

第一步:在下面主题文件footer.php底下加上这段代码:

float:right;
_margin-top:30px;
var goto_top_itv = 0;
else {
border-radius:5px;
}
font-weight:bold;
<script src="https://www.wpmee.com/top.js" type="text/javascript" charset="utf-8"></script >
//<![CDATA[

返回顶部效果不是WordPress自带的功能,这是一款js或jquery的效果,这里就来给大家介绍在WordPress中增加反回顶部效果的方法.

#scroll a {
display:block;
y -= Math.ceil(y * moveby / 100);
document.documentElement.scrollTop = y;

希望本文所述对大家的WordPress建站有所帮助。

right:50%;
background-color:#444;
}
 
//]]>
 
var goto_top_type = -1;
{
}
font-weight:bold;
#scroll a:hover {
/*返回顶部*/
}
#scroll {display:block; width:30px; margin-right:-380px;
}

top.js代码如下:

if (goto_top_type > 0) {
y = 0;
cursor: pointer;
}
else {
_margin-right:-507px;
<div><a href="https://www.wpmee.com/javascript:void(0)" title="返回顶部">TOP</a></div>
 
_top:expression(eval(document.documentElement.scrollTop));
color:#fff;
background-color:#333;
goto_top_itv = setInterval('goto_top_timer()', 50);

WordPress增加返回顶部效果的方法介绍 (https://www.wpmee.com/) WordPress使用教程 第1张

if (goto_top_type == 1) {
else if (document.body && document.body.scrollTop) {
{
var moveby = 15;
goto_top_type = 1;
document.body.scrollTop = y;
}
}
color:#669900;
_position:absolute;
clearInterval(goto_top_itv);
function goto_top_timer()
}
text-decoration: none;
goto_top_type = 2;
}
}

这样我们再清除缓存是不是就可以看到有个返回顶部的效果按钮了,这样你的WordPress博客中的所有页面都会有返回顶部效果了.

if (y < 0) {
padding:9px 5px;
if (document.documentElement && document.documentElement.scrollTop) {
function goto_top()
}
goto_top_itv = 0;
position:fixed;
top:90%;
goto_top_type = 0;

第二步:在主题文件style.css文件中加入以下样式:

}
var y = goto_top_type == 1 ? document.documentElement.scrollTop : document.body.scrollTop;

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jz/wp/5361.shtml

相关文章

风云图片

推荐阅读

返回WordPress频道首页